$(function () {
    // 需求1 切换登录和注册界面
    $('#loginBox a').on('click', function () {
        $('#loginBox').hide()
        $('#registerBox').show()
    })
    $('#registerBox a').on('click', function () {
        $('#loginBox').show()
        $('#registerBox').hide()
    })
    // 需求2 正则校验
    // layui-内置模块-form-表单验证
    let form = layui.form
    // 调用verify方法
    form.verify({
        unm: [
            /^[\w]{0,10}$/, '用户名只能包含数字英文下划线,且不能超过十个字符'
        ],
        psd: [
            // 第一个值表示规则
            // 第二个值弹出的提示
            /^[\S]{6,15}$/, '密码必须6到15位，且不能出现空格'
        ],
        // 校验再次输入密码
        repsd: function (value) {
            // value是再次输入密码的内容
            // 获取第一次输入的密码
            let psd = $('#registerBox [name="password"]').val()
            if (value != psd) {
                return '两次密码输入不一致,请检查后再次输入'
            }
        }
    })
    // 弹出层
    let layer = layui.layer
    //需求3 获取用户输入的内容 通过ajax上传
    $('#loginBox form').on('submit', function (e) {
        // 阻止浏览器自动提交
        e.preventDefault()
        let login_msg = $(this).serialize()
        // console.log(login_msg);
        // 发送ajax请求
        axios({
            method: 'post',
            url: '/api/login',
            data: login_msg,
        }).then(function (res) {
            console.log(res.data);
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('登录成功')
            // 跳转至首页
            window.location.href = '/index.html'
            // 保存token值
            localStorage.setItem('token', res.data.token)
        })
    })
    // 需求4 注册功能
    $('#registerBox form').on('submit', function (e) {
        // 阻止浏览器自动提交
        e.preventDefault()
        let register_msg = $(this).serialize()
        // console.log(register_msg);
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: register_msg,
        }).then(function (res) {
            console.log(res);
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('注册成功')
            // 清空注册表单内容
            $('#registerBox form')[0].reset()
            //跳转至登录页面
            // 手动触动 去登陆a链接的点击事件
            $('#registerBox a').click()
        })
    })
});